<script src="../../lib/jquery-1.7.1.js"></script>
<script src="../../src/toolbox/toolbox.expose.js"></script>
<script src="../../src/overlay/overlay.js"></script>

<link rel="stylesheet" type="text/css" href="style.css"/>

<p>
	<a rel="#overlay" href="#">show</a>
	<a rel="#overlay2" href="#">show b</a>
</p>


<div class="overlay" id="overlay">
	
	<div class="content" style="background-image:url(../img/6481762_3d2c7e79f7.jpg)">  
		asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj 
	</div>
	
</div>

<div class="overlay" id="overlay2">
	
	<div style="padding:40px">
		asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj asdfasdfsfadasd kasdj fjhasd fljkasd flkjasd flkasdj 
	</div>
	
</div>

<script>
$("a[rel]").overlay({
	closeOnClick: false,
	
	mask: { 
		color: '#ccc',
		closeSpeed: 200
	}
});
</script>
